/*本身浏览器会自带一部分样式*/
*{
   margin: 0;  /*外间距*/
   padding: 0; /*内间距*/
} 


 .header{
    width: 100%;
    height: 600px;
    background-color: rgb(248, 217, 222);

 }


 /* 块级元素：占据一整行 */
 .div1{
    width: 600px;
    height:200px;
    background-color: lightseagreen; 
    font-size: 26px;   
    /* padding-top: 120px;
    padding-left: 50px; */
   
 }


 .div2{
    width: 800px;
    height: 150px;
    background-color: rgb(167, 242, 93);
    /* margin-top: 50px;
    margin-left: 50px; */
    /*margin: 30px;   上下左右的外间距 是30px ，右无效*/
    /* margin: 30px  80px;  上下 左右 ， 右无效 */
    /* margin: 30px  80px 140px;  /*上 左右 下， 右无效 */
    /* margin: 30px  10px 140px 220px;   上右下左， 右无效 */
    margin: 30px;
    padding: 20px;
   }

 .div3{
    width: 900px;
    height: 200px;
    background-color: rgb(255, 0, 200);
   
 }

